import React from 'react';
import classNames from 'classnames';
import SiteName from '../siteName';

export default class LineDetailItem extends React.PureComponent {
  state = {}

  render() {
    const { value } = this.props;
    return (
      <div>
        <div className="line-detail-item">
          <div className={classNames('line-detail-item-tail', {
            'is-blue': value === 4 || value === 3,
          })}
          >
            <div className={classNames('line-detail-item-icon', {
              'is-orange': value === 3,
            })}
            >
              {value === 4 && <span>1</span> }
            </div>
          </div>
          <SiteName />
        </div>
      </div>
    );
  }
}
